import React from 'react';
import { useIntl } from 'umi';

import Tabs, { TabsProps } from '@/components/Tabs';

import { OfflineOverview } from '../../components/overviews';

export const Overview: React.FC = () => {
  const intl = useIntl();
  const items: TabsProps['items'] = [
    // {
    //   key: 'fault',
    //   label: intl.formatMessage({ id: 'stationRealtimeMonitoring.faultOverview' }),
    //   children: <FaultOverview />,
    // },
    {
      key: 'offline',
      label: intl.formatMessage({ id: 'stationRealtimeMonitoring.offlineOverview' }),
      children: <OfflineOverview />,
    },
  ];

  return <Tabs overviewTabs items={items} />;
};
